body {
background-color: #f9f9f9;
color: #555;
}
body, p, ol, ul, td {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
}
pre {
background-color: #eee;
padding: 10px;
font-size: 11px;
}

legend {
	color: #FFFFFF;
	background-color: #536A97;
	border: solid #BABABA 2px;
}

legend_iframe {
	color: #FFFFFF;
	background-color: #545E1A;
	border: solid #BABABA 2px;
}

.letter-wrap {
	float:none;
	clear:both;
	border-top: solid #333333 1px;
	border-bottom: solid #333333 1px;
	border-left: solid #333333 1px;
}

.letter-box {
	float:left;
	border-right: solid #767676 2px;
	padding: .2em .5em .2em .5em;
}

.tiny{
	font-size: 10px;
	color:#808080;
	line-height: 10px;
}

a {
color: #000;
}
a:visited {
color: #666;
}
a:hover {
color: #fff;
background-color: #616161;
}
tr.even {
background-color: #e9e9e9;
}
tr.odd {
background-color: #f9f9f9;
}

tr.even :hover, tr.odd :hover {
	background-color: #f4ebc4;
}

tr.money_even {
	background-color: #F6FFE5;
}


tr.money_odd {
	background-color: #CBFBBB;
}

.money_even {
	background-color: #f6ffe5;
}


.money_odd {
	background-color: #cbfbbb;
}

.blue_odd {
	background-color: #C9CAEB;
}

.blue_even {
	background-color: #ebedfb;
}

.money-green {
	background-color: #CBFBBB;
}

.money-tan {
	background-color: #F6FFE5;
}

.link_no_underline {
	text-decoration:none;
	color: #FFFFFF;
}

#person-row {
clear: both;
width:100%;
}

/*
#person-row :hover {
	background-color: #f4ebc4;
} */

label {
	font-weight: bold;
	font-size:9pt;
}


#header {
	background-image: url(/images/rev_header_slice3.jpg);
	height: 110px;
	clear: both;
}

#logo {
	background-image: url(/images/rev_logo3.jpg);
	height: 110px;
	background-repeat: no-repeat;
	z-index: 5;
}

div.even {
background-color: #e9e9e9;
float: left;
clear: both;
width: 100%;
}
div.odd {
background-color: #f9f9f9;
float: left;
clear: both;
width: 100%;
}

div.even_only {
background-color: #e9e9e9;

}
div.odd_only {
background-color: #f9f9f9;
}

div.even_o {
background-color: #e9e9e9;

}
div.odd_o {
background-color: #f9f9f9;
}

/*
div.odd :hover, div.even :hover {
	background-color: #f4ebc4;
} */

div.form-other {
float: left;
clear: both;
width: 100%;
}

span.cell {
float: left;
text-align: left;
padding-right: 10px;
}
span.left-column {
float: left;
text-align: left;
width: 45%;
}
span.right-column {
float: left;
text-align: left;
width: 45%;
}
span.choose-group-cell {
float: left;
text-align: left;
padding-right: 10px;
width: 160px;
}
span.person-name-space {
float: left;
text-align: left;
width: 120px;
}
#household-item, #household-item a {
background-color: #039;
color: #FFFFFF;
float: left;
clear: both;
width: 100%;
}
#configuration_area {
border: solid 2px #333333;
height: auto;
padding: 10px;
}
span.household-name-space {
float: left;
text-align: left;
width: 200px;
}
.fieldWithErrors {
padding: 2px;
background-color: red;
display: table;
}
#errorExplanation {
width: 400px;
border: 2px solid red;
padding: 7px;
padding-bottom: 12px;
margin-bottom: 20px;
background-color: #f0f0f0;
float: none;
}
#errorExplanation h2 {
text-align: left;
font-weight: bold;
padding: 5px 5px 5px 15px;
font-size: 12px;
margin: -7px;
background-color: #c00;
color: #fff;
}
#errorExplanation p {
color: #333;
margin-bottom: 0;
padding: 5px;
}
#errorExplanation ul li {
font-size: 12px;
list-style: square;
}
div.uploadStatus {
margin: 5px;
}
div.progressBar {
margin: 5px;
}
div.progressBar div.border {
background-color: #fff;
border: 1px solid grey;
width: 100%;
}
div.progressBar div.background {
background-color: #333;
height: 18px;
width: 0%;
}
#all-wrapper {
height: 100%;
width: 100%;
clear: both;
}
#main {
background: #FFFFFF;
margin-left: 199px;
margin-right: 199px;
voice-family: "\"}\"";
voice-family: inherit;
padding: 0em;
}

#main_modal {
background: #FFFFFF;
margin-left: 199px;
margin-right: 199px;
padding: 1em;
position:relative;
top: 50%;
}

#left-nav {
position: absolute;
left: 10px;
top: 120px;
width: 190px;
background: transparent;
}
div.form {
margin: 20px;
width: 100%;
}
#wristband-wrap {
vertical-align: bottom;
}
span.block {
vertical-align: middle;
float: left;
}
#wristband-container {
vertical-align: bottom;
margin-top: 0px;
margin-bottom: 0px;
}
span.left-spacer {
width: 0px;
}
div.view-port {
border: solid 2px #cccccc;
font-size: 10px;
}

div.view-port-collapse {
font-size: 10px;
}

div.third_column {
	border: solid 2px #b3b3b3;
	width: 32%;
	height: 500px;
	float: left;
	overflow: scroll;
}

div.row-block {
	background-color: #e9e9e9;
	border-top: #EEEEEE solid 3px;
	border-bottom: #CCC solid 3px;
	padding: 2px;
}

#manage_wrap {
	height: 100%;
}

#people-list {
width: 100%;
}

#dashboard {
position: absolute;
right: 10px;
top: 120px;
width: 190px;
background: transparent;
}
#search-form {
margin: 5px;
}
#message {
color: red;
font-family: georgia, serif;
font-style: italic;
}

.formError {
color: red;
font-family: georgia, serif;
font-style: italic;
}

#message-black {
color: #555;
font-family: georgia, serif;
font-style: italic;
}

.name_search_resultes {
background: #fff;
border: 1px solid #888;
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
}
.name_search_resultes li {
padding: 0;
margin: 0;
}
#login_wrapper {
float: left;
clear: both;
width: 100%;
}
#configuration_area {
float: none;
clear: both;
width: 95%;
}

#row-of-tabs {
	border: red solid 2px;
	position:absolute;
	top:50%;
	vertical-align:bottom;
	display:table-cell;
}

.tab {
	float:left;
	padding:2px 10px 2px 10px;
	margin: 0px 5px 0px 5px;
	text-align: center;
	background-color: #039;
	color: #FFF;
	border-color: gainsboro;
	border-top-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-style: solid;
	border-width: 2px;
}

#setup_menu ul {
	list-style-type:none;
	margin:0px 10px 0px 0px;
	padding:0px;
}
#setup_menu li {
float: left;
/* move tabs up & down with 1st margin setting */
margin: 0px 5px 0px 5px;
text-align: center;
background-color: #039;
color: #FFF;
border-color: gainsboro;
border-top-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-right-style: solid;
border-width: 2px;
}

#setup_menu li.activestate {
   text-decoration: none;
   color: #000000;
   background-color: #536A97; /* For the active tab */
	border-color: gainsboro;
	border-top-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-style: solid;
	border-width: 2px;

}

#setup_menu a {
	float:none;clear:both;
	color:#FFF;
	display:block;
	padding: 8px 8px 8px 0px;
	text-decoration:none;
	width:100%;
}

#setup_menu li a:hover {
   color: #039;
   background-color: #FFF; /* For the hover tab */
}

#setup_menu li:hover {
   color: #039;
   background-color: #e9e9e9; /* For the hover tab */
}

#nav	ul {
	list-style-type:none;
	margin:0px 10px 0px 0px;
	padding:0px;
}

#nav li	{
	text-align:center;
	width:154px;
	background-color: #039;
	color: #FFF;
		border-color: gainsboro;
		border-top-style: solid;
		border-bottom-style: none;
		border-left-style: solid;
		border-right-style: solid;
		border-width: 2px;
}


#nav a {
color:#FFF;
display:block;
min-height:24px;
padding-top:2px;
padding-bottom:2px;
text-decoration:none;
width:100%;
}

#nav li a:hover {
   color: #039;
   background-color: #ffffff; /* For the hover tab */
}


#nav li.activestate {
   text-decoration: none;
   color: #000000;
   background-color: #536A97; /* For the active tab */
	border-color: gainsboro;
	border-top-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-style: solid;
	border-width: 2px;

} 

#nav li a.activestate {
   text-decoration: none;
   font: normal 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #000000;
/*   background-color: #ffffff; /* For the active tab */ 
}



#login_box {
}
.name_search_resultes li.selected {
background-color: #f4ebc4;
}
.name_search_resultes li table {
border-collapse: collapse;
}
.name_search_resultes li th {
background-color: white;
vertical-align: top;
padding: 2px 2px;
}
.name_search_resultes li td {
padding: 2px 2px;
font-size: 9pt;
}
.name_search_resultes .name table {
width: 32   0px;
}
.name_search_resultes .name td {
font-size: 8pt;
font-weight: normal;
padding: 0;
}
.name_search_resultes .name th {
background-color: transparent;
text-align: left;
}
table.list {
width: 100%;
padding: 0px;
border-spacing: 0px;
}

table.list th {
	background-color:#A0AFD2;
}

div.column-header {
	background-color: #A0AFD2;
	font-weight: bold;
	text-align: center;
}

table.report-summary {
width: 100%;
padding: 0px;
border-spacing: 0px;
}
table.report-summary th {
background-color: #309;
color: #FFF;
text-align: left;
}
table.report-sub-summary {
width: 100%;
padding: 0px;
border-spacing: 0px;
}
table.report-sub-summary th {
background-color: #099;
color: #FFF;
text-align: left;
}

#left-column {
	float: left;
}

#right-column {
	float: right;
}

#notice {
	text-align: center;
}

div.group-one {
	font-weight:bold;
}

div.group-two {
	margin-left: 1em;
}

div.group-three {
	margin-left: 2em;
}

div.group-four {
	margin-left: 3em;
}

div.float-left {
	float:left;
	border: black solid 2px;
	display: inline;
}

#assignments-encolsure ul {
	list-style-type:none;
}

#assignments-enclosure li {
	float: left;
	list-style-type: none;
	padding: .5em;
	max-width: 30%;
}

#team-roster {
	clear:both;
	float: none;
}

#search_wrap {
	max-height: 200px;
}

#search {
	background-color:gainsboro;
	border: solid 1px #B3B3B3 ;
}

#search-results {
	overflow: scroll;
	max-height: 160px;
}

.top-third {
	height: 200px;
	float: none;
	clear: both;
	background-color: #EEEEEE;
	padding-bottom: 20px;
}

.third-panel {
	width: 33%;
	height: 100%;
	float: left;
}

div.inner {
	overflow: scroll;
	height: 100%;
}

.bottom-two-thirds {
	height:320px;
	width: 100%;
	overflow: scroll;
	float:none;
	clear:both;
	border-top: solid 2px #b3b3b3;
	background-color: #EEEEEE;
}

.involvements-wrap {
	border: solid 2px #b3b3b3;
}

#contact-row{
	vertical-align:center;
}

.red {
	color: red;
}
.black {
	color: black;
}

.green {
	color: #08D024;
}

.roundedcornr_box_362030 {
   background: #ffffff url("/images/roundedcornr_362030_grad.gif") repeat-x top left;
   min-height: 65px;
}
.roundedcornr_top_362030 div {
   background: url("/images/roundedcornr_362030_tl.gif") no-repeat top left;
}
.roundedcornr_top_362030 {
   background: transparent url("/images/roundedcornr_362030_tr.gif") no-repeat top right;
}
.roundedcornr_bottom_362030 div {
   background: url("/images/roundedcornr_362030_bl.gif") no-repeat bottom left;
}
.roundedcornr_bottom_362030 {
   background: transparent url("/images/roundedcornr_362030_br.gif") no-repeat bottom right;
}

#shadow-container {
    position: relative;
    left: 3px;
    top: 0px;
    margin-right: 3px;
    margin-bottom: 3px;
}

#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
    position: relative;
    left: -1.5px;
    top: -1.5px;
}

    #shadow-container .shadow1 {
        background: #E3E1E1;
    }

    #shadow-container .shadow2 {
        background: #CCCACA;
    }

    #shadow-container .shadow3 {
        background: #A2A0A0;
    }

    #shadow-container .container {
        background: #ffffff;
        padding: 10px;
    }

table.tool-bar td {
	border: #CCCCCC solid .5px;
	background: url("/images/rounded_button_lt.gif") no-repeat bottom left;
	background: url("/images/rounded_button_rt.gif") no-repeat bottom right;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url("/images/bg_button_a.gif") no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    /*font: normal 12px arial, sans-serif; */
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url("/images/bg_button_span.gif") no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

div.container {
	border-right: #717171 solid 1px;
	border-bottom: #717171 solid 1px;
}

.outline {
	/*  */
	border: solid .5px #999999;
}

.pad-it {
	/* add some padding */
	padding: .5em;
}

.triangle_rt {
	width: 20px; height:16px;
	background: url("/images/triangle_rt.jpg") no-repeat;
}

.triangle_dn {
	width: 20px; height:16px;
	background: url("/images/triangle_dn.jpg") 0 0 no-repeat;
}

.archived_group {
	color:#999;
}
